<script setup>
  // 导入 MyDialog
  import MyDialog from './components/MyDialog.vue';
</script>

<template>
  <div>
    <!-- 插槽默认值是可以显示默认内容 当没有传入内容的时候 -->

    <!-- 这三个都是没有输入而显示默认值 -->
    <MyDialog />
    <MyDialog>     </MyDialog>
    <MyDialog>

    </MyDialog>

    <!-- 有输入就不显示默认值 -->
    <MyDialog>
      <h3 style="color: red;">你确认要删除吗？</h3>
    </MyDialog>
  </div>
</template>

<style scoped></style>